@model List<CrazyToDo.Web.Models.MatterViewModel>
    @{
        ViewData["Title"] = "Home";
    }

<head>
    <link href="~/Home/css/Home.css" rel="stylesheet" />
    <script src="~/Home/js/Home.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<div class="Content">

    <div class="My-List">
        <div class="Today-Matter">
            <label  class="my-day" >我的一天</label>
            
            <img src="~/Home/img/加号.png" data-toggle="modal" data-target="#myModal" id="Myday-picture"  />
            <!-- 模态框（Modal） -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form action="~/Home/Add" method="post">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    &times;
                                </button>
                                <h4 class="modal-title" id="myModalLabel">
                                    事项
                                </h4>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="name">内容</label>
                                    <input type="text" class="form-control" name="content"
                                           placeholder="请输入内容">
                                    <label for="name">备注</label>
                                    <input type="text" class="form-control" name="remark"
                                           placeholder="请输备注">
                                    <label for="name">结束时间</label>
                                    <input type="datetime-local" class="form-control" name="overdueTime"
                                           placeholder="请输入结束时间">

                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">
                                    关闭
                                </button>
                                <button type="submit" class="btn btn-primary">
                                    添加
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="width" >
                <div class="height" >
                    <div id="org"></div>
                    <div class="bs-example bs-example-form" role="form" id="form">
                        <ul>
                            @foreach (var item in Model)
                            {
                                if (item != null)
                                {
                                    if (item.State == false)
                                    {
                                        <li>
                                            <span class="input-group-addon" id="Myday-false-left">
                                                <input type="checkbox" id="check" onclick="changeState(@item.Id)" class="Myday-false-check">
                                            </span>
                                            <span class="input-group-addon" id="Myday-false-right">
                                                <img src="~/Home/img/删除(1).png" class="delete" onclick="Delete(@item.Id)"/>
                                            </span>
                                            <p type="text" id="Myday-false-text" class="form-control" onclick="details(@item.Id)"> @item.Content </p>

                                        </li>

                                    }
                                    else
                                    {

                                        <li>
                                            <span class="input-group-addon" id="Myday-true-left">
                                                <input type="checkbox" id="check" checked="checked" onclick="changeState(@item.Id)" class="Myday-true-check">
                                            </span>
                                            <span class="input-group-addon" id="Myday-true-right">
                                                <img src="~/Home/img/删除(1).png" class="delete" onclick="Delete(@item.Id)" />
                                            </span>
                                            <p type="text" id="Myday-true-text" class="form-control" onclick="details(@item.Id)"> @item.Content </p>
                                        </li>
                                    }

                                }


                            }

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="activity" >
            <div class="Activity">
                <label class="my-activity" >我的活动</label>
                <div class="scroll"  id="activity">
                </div>
            </div>
        </div>
        



    </div>
    <div class="Matter-Detailed-Information" id="details">
        <div><img src="~/Home/img/crazydog.png" class="crazyDog" /></div>
        <div class="details-top" >
            <div class="panel panel-info" id="details-content-panel">
                <div class="panel-heading" id="details-content-head" >
                    <h3 class="panel-title">事件内容</h3>
                </div>
                <div class="panel-body">
                  
                </div>
            </div>
            <div class="panel panel-info" id="details-time-panel">
                <div class="panel-heading" id="details-time-head" >
                    <h3 class="panel-title">创建时间</h3>
                </div>
                <div class="panel-body">
                    
                </div>
            </div>
            <div class="panel panel-info" id="details-overtime-panel" >
                <div class="panel-heading" id="details-overtime-head" >
                    <h3 class="panel-title">过期时间</h3>
                </div>
                <div class="panel-body">
                    
                </div>
            </div>
            <div class="panel panel-info" id="details-remark-panel" >
                <div class="panel-heading" id="details-remark-head" >
                    <h3 class="panel-title">事项备注</h3>
                </div>
                <div class="panel-body">
                    
                </div>
            </div>
        </div>
    </div>
</div>





